<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>

    <input type="checkbox">
    <script>
        $('div').css('height', '100px');
        $('div').css({
            border: "1px solid red",
            borderWidth: '10px',
            'border-color': 'blue'
        })

        $('div').html('<h1>内容</h1>');
        $('div').each(function (index, item) {
            // console.log(index);// 索引值
            // console.log(item); // dom对象
            $(item).attr('index', index); // 添加属性
            $(item).attr({
                title: '提示信息',
                class: 'aaa'
            })
        })

        // 删除某个属性
        $('div').removeAttr('title');

        // 获取属性的值
        var a = $('div').eq(3).attr('index');
        console.log(a);


        //添加一个class
        $('div').addClass('action');

        // 删除一个class
        $('div').removeClass('action');

        // 是否添加这个属性
        $('input').prop('checked', false);
    </script>
</body>

</html>